<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<style type="text/css">
		
body{
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family: Trebuchet MS,Liberation Sans,DejaVu Sans,sans-serif;
	background:url(../img/2.jpg) center center fixed;
	color:black;
	
}

#mylogo{
		position: absolute;
		top: 10px;
		left: 200px;
		background: url(../img/t.jpg);
		height:90px;
		width: 192px;

	}



.top1{
	background-color:#25304C;
	height:100px;
	line-height:26px;
}
.top1 .top2{
	width:980px;
	height:26px;
	margin:0 auto;
	line-height:26px;
	
}
.top1 .top2 .top_left{
	width:113px;
	height:17px;
	float:left;
	margin-top:6px;
}
.top1 .top2 .top_right{
	width:602px;
	height:22px;
	float:right;
	margin-top:1px;
	line-height:22px;

}
.top1 .top2 .top_right a{
	margin-left:25px;
	color:#78C16F;
	font-weight:bold;
	text-decoration:none;

}
.top1 .top2 .top_right a:hover{
	text-decoration:underline;
}
.con{
		width: 950px;
		
		background-color: #fff;
		margin: 0 auto;
	}

	.tb-promo-price-type{
		background-color: #F07372;
		color: white;
		padding-left: 2px;
		padding-right: 1px;
		font-style: normal;
	}
	strong{
		position: relative;
		top: -2px;
		padding-right: 5px;
		vertical-align: middle;
		font: normal 24px Tahoma,Arial,Helvetica,sans-serif;
		color: #F40;

	}

	.neirong1{
		height:30px;
		line-height: 30px;
		background-color:#F5F5F5;
		border-bottom: 1px solid #CCCCCC;
	}


	/*评论*/
	.huifu-bottom{
	position:relative;
	border-top:1px solid #e2e2e2;
	margin-bottom:10px;
}
.touxiang{
	width:80px;
	
	
		
}
.touxiang img{
	margin-top:9px;
	width:70px;
	height:70px;
}

.mingzi{
	position:absolute;
	left:90px;
	top:10px;

}
.mingzi img{
	position:absolute;
	margin-left:300px;
	top:0px;
	margin-left:325px;
	
}
.neirong{
	position:absolute;
	left:90px;
	top:50px;
	
}
.con{
		width: 1000px;
		
		background-color: #fff;
		margin: 0 auto;
	}
	

.bottom{
	width:100%;
	background-color:#FFF;
	margin-top:40px;
}
.bdiv1{
	width:920px;
	margin:auto;

	padding:20px;
	position:relative;
}
.bdiv4{
	margin-bottom:20px;
	color:gray;
}
.bdiv4 a{
	font-size:12px;
	font-weight:bold;
	color:gray;
	text-decoration:none;
	
}

.bdiv5{
	color:#999999;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;

}
.bdiv5 a{
	text-decoration:none;
	color:#999999;
}
.bdiv5 a:hover{
	color:#385f8a;
}
.bdiv6{
	font-size:12px;
	color:#e2e2e2;
	padding-bottom:20px;
}
.bdiv7{
	position:absolute;
	right:10px;
	top:36px;
	
}
.bdiv8{
	position:absolute;
	right:10px;
	border:#778087;
	font-size:13px;
	text-decoration:none;
	top:80px;
	color:#778087;
}

.bdiv8:hover{
	color:#4d5256;
	text-decoration:underline;
}
	.con{
		width: 1000px;
		
		background-color: #fff;
		margin: 0 auto;
	}


	</style>


</head>
<body>
		<%@ include file="include/top.jsp" %>
	<div style="" class="">
		
		<ul class="breadcrumb" style="height:20px;background-color:#1E2537;border-radius: 0px;margin-bottom:0px;">
			<div id="" class="container">
				 <li><a href="index.jspx">Home</a> <span class="divider">/</span></li>
				  <li class="active">书籍的详细信息</li>
			</div>
		 
		</ul>
	</div>

	<div class="con" style="padding:25px;">
		<div class="container">
			<h4><i class="icon-th-list" style="margin-top:5px;"></i>${requestScope.book.bookname }</h4>
			<hr/>
			<!--头信息-->
				<div class="row-fluid">
					  <div class="span2" >
					  		<img src="showimg.img?n=${requestScope.book.pic }" alt="">
					  </div>
					  <div class="span10" style="margin-bottom:40px;">
					  	<div style="line-height:30px;">
					  		<span>定　　价：<span class="muted" style="text-decoration: line-through;">￥${requestScope.book.price }</span></span><br/>
					  		<span>参加促销：</span>
							<em class="tb-promo-price-type">促销价</em>
							<strong class="tb-rmb-num" style="font-weight: 700;"><em class="tb-rmb" style="color:#999;font-style: normal;">¥</em>${requestScope.book.salesprice }</strong> <span class="add"></span><br/>
					  		<span>作　　者：${requestScope.book.bookauthor }</span><br/>
					  		<span>出 版 社：${requestScope.book.publish.publishname }</span><br/>
					  		<span>出版时间：${requestScope.book.publishdate }</span><br/>
					  		<span>所属分类：<a href="typebooklist.jspx?id=${requestScope.book.typeid }">${requestScope.book.type.typename }</a></span><br/>
					  		<span>页　　数：${requestScope.book.pagenum }</span><br/>
					  		
						    <a href="shopcar.jspx?id=${requestScope.book.id }" class="btn btn-primary">
						      <i class="icon-shopping-cart icon-white"></i>放入购物车
						    </a>
						    <a href="favbook.jspx?to=favbook.jspx&go=showbook.jspx&id=${requestScope.book.id }" class="btn btn-success">
						      <i class=" icon-star icon-white"></i>收藏宝贝
						    </a>
						    <br/>
						    
						</div>

					  </div>
					  <!--下面的评论什么的-->
					  <div >
						  	 <ul class="nav nav-tabs">
							  <li class="active"><a href="#home" data-toggle="tab">宝贝详情</a></li>
							  <li><a href="#profile" data-toggle="tab">评价详情</a></li>
							  <li><a href="#messages" data-toggle="tab">成交记录</a></li>
							  
							</ul>
							<div class="tab-content">
							  <div class="tab-pane active" id="home">
							  	<div style="border:1px solid #CCCCCC;margin-bottom:20px;">
							  		<div class="neirong1" >
								  		<span style="font-weight:bold;font-size:18px;margin-top:60px;margin-left:15px;">前言</span>
								  	</div>
								  	<div style="margin: 1em;min-height: .25em;font-size:14px;">
								  		<p>　　${requestScope.book.preface }</p>
								  	</div>
							  	</div>
							  	<div style="border:1px solid #CCCCCC;margin-bottom:20px;">
							  		<div class="neirong1" >
								  		<span style="font-weight:bold;font-size:18px;margin-top:60px;margin-left:15px;">内容简介</span>
								  	</div>
								  	<div style="margin: 1em;min-height: .25em;font-size:14px;">
								  		<p>　　${requestScope.book.content }</p>
								  	</div>
							  	</div>
							  	<div style="border:1px solid #CCCCCC">
							  		<div class="neirong1" >
								  		<span style="font-weight:bold;font-size:18px;margin-top:60px;margin-left:15px;">作者简介</span>
								  	</div>
								  	<div style="margin: 1em;min-height: .25em;font-size:14px;">
								  		<p>　　${requestScope.book.authorcontent }</p>
								  	</div>
							  	</div>
							  	
							  </div>
							  <div class="tab-pane" id="profile">
							  	<!--一个人-->
							  	<c:if test="${empty commentlist }">
							  		本书还没有任何的评论！
							  	</c:if>
							  	<c:forEach items="${commentlist }" var="s">
							  		<div class="huifu-bottom">
										<div class="touxiang">
											<img src="showimg.img?n=${s.user.pic }" width="70" height="70"/>
										</div>
										<div class="mingzi">
											<a href="#" class="mingzi1">${s.user.username }</a>
											&nbsp;<span>${s.createtime }</span>
										</div>
										<div class="neirong">
											<span>${s.content }</span>
										</div>
									</div>
							  	</c:forEach>
							  	
								
								


							  </div>

							  <!--卖出记录-->
							  <div class="tab-pane" id="messages">
							  	<table class="table table-hover">
							  		
							  		<thead>
							  			<tr>
							  				<th>买家</th>
							  				<th>拍下价格</th>
							  				<th>数量</th>
							  				<th>总价</th>
							  				<th>付款时间</th>
							  				
							  			</tr>
							  		</thead>
							  		<tbody>
							  			<c:if test="${empty requestScope.list }">
							  				<tr>
								  				<td colspan="4">本书还没有任何订单！！</td>
								  			</tr>
							  			</c:if>
							  			<c:forEach items="${requestScope.list }" var="s">
							  				<tr>
								  				<td><a href="" title="">${s.user.username }</a></td>
								  				<td>${s.bookprice }</td>
								  				<td>${s.num }</td>
								  				<td>${s.total }</td>
								  				<td>${s.createtime }</td>
								  				
								  			</tr>
							  			</c:forEach>
							  			
							  			
							  		</tbody>
							  	</table>
							  	<!--翻页，这边我就懒得做翻页的效果了！！！自己弄去-->
							  	<div class="pagination" style="float:right;">
								  <ul>
								    <li><a href="#">Prev</a></li>
								    <li><a href="#">1</a></li>
								    <li><a href="#">2</a></li>
								    <li><a href="#">3</a></li>
								    <li><a href="#">4</a></li>
								    <li><a href="#">Next</a></li>
								  </ul>
								</div>
								<div style="clear:both">
									
								</div><!-- / -->

							  </div>
							 	
							</div>
					  </div>
					 
				</div>

				 <footer>
					 <hr>
					<font>© 2012-2013 <i class="icon-hand-right"></i> 夼趸蒋</font>
				</footer>
		</div>
		
	</div>
		<div class="bottom" style="background-color:#25304C;margin-top:0px;">
		<div class="bdiv1">
			<div class="bdiv2">
				<div class="bdiv4">
					<a href="#"> 关于 </a>|<a href="#"> FAQ </a>|<a href="#"> 我们的愿景 </a>|<a href="#"> 博客 </a>|<a href="#"> 广告投放 </a>|<a href="#"> 工作空间 </a>|<a href="#"> 上网首页 </a>
				</div>
				<div class="bdiv5">
					<span>创意工作者们的社区</span><br/>
					<span>Lovingly made by</span>
					<a href="#">OLIVIDA</a>
				</div>
				<div class="bdiv6">
					<span>VERSION: 2.5.0-dev-5</span><br/><span>Do have a faith in what you're doing.</span>
				</div>
			</div>
			<div class="bdiv3">
				<div class="bdiv7">
					<a href="#"><img src="../img/linode.png"/></a><br/>
				</div>
				<div>
					<a href="#" class="bdiv8">Linode-互联网上最好的主机</a>
				</div>
				
					
				
					
			</div>
		</div>	
			
	</div>
	<script src="../js/jquery.js" type="text/javascript"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			<c:if test="${not empty favmessage}">
				alert("${favmessage}");
			</c:if>
			<%
				session.removeAttribute("favmessage");
			%>
			});
	</script>

</body>
</html>